<template>
  <div class="content-container">
    <TemplateList></TemplateList>
    <!-- <div class="banner">
        <img src="/images/banner01.jpg" class="banner-image" alt="banner">
      </div> -->
    <!-- <a-row :gutter="16">
        111
      </a-row> -->
    <a-row type="flex" justify="center">
      <a-button type="primary" size="large" @click="loadMorePage" v-if="!isLastPage"
        :loading="isLoading">加载更多</a-button>
    </a-row>
  </div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import TemplateList from '@/components/TemplateList.vue'
const isLastPage = ref(false)
const isLoading = ref(false)
const loadMorePage = () => { }
</script>

<style lang="less" scoped>
.content-container {
  padding-top: 30px;
  // width: 1280px;
  padding-right: 50px;
  padding-left: 50px;
}

.banner {
  width: 100%;
  height: 550px;

  .banner-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
</style>
